草庐IT

iphone - 平移手势干扰 UISlider

全部标签

javascript - ionic 2中的垂直滑动/拖动手势

我需要在Ionic2应用程序中使用向上滑动/向下滑动手势。当我做的时候然后我的someFunction(e)被调用,但仅在水平幻灯片上——因此我无法听到滑动在上下方向。(swipeup)和(swipedown)似乎什么都没做。您是否知道Ionicbeta是否完全可以做到这一点? 最佳答案 Ionic2使用hammerjs库来处理其手势。他们还构建了自己的Gesture类,可以有效地充当hammerjs的包装器:Gesture.ts。因此您可以执行自己的指令,例如:import{Directive,ElementRef,Input,O

javascript - 什么是用于触摸手势的优秀 JavaScript 库或 jQuery 插件?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我不需要像Sencha或jQueryMobile这样的成熟框架,只需要能够检测手势(例如swype或捏合)来针对触摸设备优化我网站的某些部分。我从来没有接触过触摸事件,所以我真的不知道从哪里开始。是否有用于此的轻型框架或jQuery插件?

javascript - 如何在 javascript 中查找移动 safari/iphone 中的当前 "scroll"偏移量

我想知道用户在iphone上移动safari的视口(viewport)内“滚动”了多远的x/y偏移量。换句话说,如果我(通过javascript)重新加载当前页面,我想找到我需要传递给window.scrollTo(...)的值,以便将文档/视口(viewport)重新定位为目前是。window.pageXOffset总是报告0jquery的$('body').scrollTop()总是报告0事件有一个pageX,但如果您的手势是向上/向下“轻拂”页面,则这不会说明您松开手指后发生的页面滚动。也就是说,当手指离开屏幕时它会给我一个点,但这并不总是与页面完成滚动后的位置相匹配。有什么建议

javascript - 如何使用 javascript/jquery 处理 iphone 和 ipad 上的拖动事件?

我有一个已经开发了一段时间的小应用程序。我和我的friend们一直在为此努力工作,并且即将发布测试版。我想用iPhone和iPad做一些演示,看起来很酷:p现在我的问题是如何处理:鼠标按下鼠标移开鼠标离开iPhone的多点触控界面(我希望它与iPad类似)处理浏览器上的鼠标移动,并具有滚动事件。人们可以trycatch滚动事件并用它来模拟拖动,但我什至不知道它是否可行,或者它是否只是一种hack。有人知道一种更稳健的方式来管理iphone/ipad上的拖动事件吗? 最佳答案 Apple的开发者页面有很多关于处理这些类型问题的有用信息

javascript - iPhone - 在页面加载时隐藏地址栏

我有一个网页,旨在加载到一个人的iPhone上。加载页面后,我想隐藏顶部的状态栏和地址栏。我见过其他网站这样做。为了实现这一点,我在我的网页部分放置了以下代码:functionpage_Load(){setTimeout(function(){window.scrollTo(0,1);},100);}“page_Load”函数是通过页面body元素的onload事件触发的。奇怪的是,当页面加载时,状态/标题栏是隐藏的,但是地址栏不是。如何在加载网页时同时隐藏状态/标题栏和地址栏?谢谢! 最佳答案 对于那些使用jQuery的人,这里有

javascript - 如何通过 Safari Mobile 中的 javascript 检测我的 iPhone 应用程序是否已安装?

您可能知道,iPhone应用程序可以注册自定义URL方案处理程序,也就是“myapp:”,这些可以用于在Safari中查看的页面中的链接。如果访问者安装了应用程序,我想从特定页面自动启动我的应用程序。如果应用程序未安装,我将只向他们展示页面的当前移动优化View。我该如何进行检测?谷歌搜索一直没有结果。另外,棘手的是,我尝试过这样做但无济于事:varimage=newImage();image.onerror=function(e){alert("bummer");}image.onload=function(e){alert('success!');}image.src='myapp

javascript - 如何让 jQuery UI 的 Draggable 和 Sortable 功能在 iPhone 上运行?

我有一个使用JQueryUI的页面;特别是Sortable互动。该页面适用于带鼠标的桌面Web浏览器,但我无法在iPhone上的MobileSafari上使用拖放功能。任何拖动操作只会滚动页面。我页面上的功能与SortableEmpty-Lists极其相似JQueryUI站点上的演示。此页面也不适用于iPhone。有什么方法可以使拖放功能在iPhone上正常工作? 最佳答案 根据MobileSafari文档,不支持拖放,但可以模拟。因为基本上拖动你的手指会滚动浏览器,你将不得不禁用它。可以这样做:$(document).bind('

javascript - 如何在不干扰 native 控件的情况下向我的 HTML5 视频添加点击播放功能?

我正在使用以下代码向HTML5视频添加点击播放功能:$('video').click(function(){if($(this).get(0).paused){$(this).get(0).play();}else{$(this).get(0).pause();}});除了会干扰浏览器的native控件外,它工作正常:也就是说,它会在用户单击暂停/播放按钮时进行捕获,立即反转他们的选择并使暂停/播放按钮无效。有没有一种方法可以只选择DOM中的视频部分,或者没有一种方法可以捕获对视频容器的控件部分的点击,所以当用户按下暂停/播放按钮时,我可以忽略/取消点击播放功能吗?

javascript - 如何在 iPhone 触摸屏上实现 onmousedown 和 onmouseup

我对HTML/JavaScript还很陌生,但正在学习......我想在iPhone上制作一个按钮,按下时运行JavaScript命令,松开时运行另一个按钮。我尝试使用onmousedown和onmouseup属性来执行此操作,但这在iPhone上的效果不一样。有人可以告诉我如何在iPhone上做同样的事情吗? 最佳答案 在触摸屏设备上,onmousedown的等效项是ontouchstart,onmouseup的等效项是ontouchend。如果您还想检测拖动,您可以使用ontouchmove,它会在您每次触摸屏幕后移动手指时触发

javascript - 如何使用 Fabric.js 实现 Canvas 平移

我有一个Fabric.jsCanvas,我想实现软件包通常使用“手动”工具执行的全Canvas平移。当您按下鼠标按钮之一,然后在按住鼠标按钮的同时在Canvas上移动时,Canvas的可见部分会相应地发生变化。可以看到inthisvideo我想要实现的目标。为了实现这个功能我写了下面的代码:$(canvas.wrapperEl).on('mousemove',function(evt){if(evt.button==2){//2istherightmousebuttoncanvas.absolutePan({x:evt.clientX,y:evt.clientY});}});但它不起作